/*
* @Author: Administrator
* @Date:   2017-08-16 15:32:52
* @Last Modified by:   Administrator
* @Last Modified time: 2017-08-21 09:19:04
*/
.page-play{
	width: 100%;
	padding: 0.1rem;
}
.page-play .music-list{
	width: 100%;
	font-size: 0.18rem;
	color: #01973a;
	font-weight: 700;
	margin: 0.24rem 0;
}
.page-play .music-list a{
	text-decoration: none;
	color: #01973a;
	
}
.page-play .play-wrap{
	width: 100%;
	overflow: hidden;
}
.page-play .play-wrap .play-left{
	overflow: hidden;
}
.music-name{
	font-size: 0.24rem;
	padding: 0.1rem 0;
	color: #333;
}
.author{
	font-size:0.18rem;
	padding: 0.1rem 0;
	color: #555;
}
.page-play .progress{
	width: 100%;
	position: relative;
	height: 0.6rem;
	.play-time{
		position: absolute;
		left:0;
		top: 3px;
		color: #a3a3a3;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 2;
	}
	.volume{
		width: 2rem;
		height: 0.2rem;
		position: absolute;;
		left: 0.70rem;
		top:0.03rem;
		background: url('../../../static/images/icons.png') no-repeat;
		background-size: 0.20rem;
		background-position: 0 100%;
		.component-progress{
			position: absolute;
			top: 50%;
			margin-top: -0.025rem;
			left: 0.3rem;

		}

	}
	.play{
		width: 100%;
		position: absolute;
		top: 0.4rem;
		left: 0;

	}
}
.page-play .control{
	position: relative;
	width: 100%;
	height: 0.2rem;
	margin: 0.2rem 0;
}
.page-play .control .control-btn{
	position: absolute;
	width: 0.2rem;
	height: 0.2rem;
	background: url('../../../static/images/icons.png') no-repeat;
	background-size: 0.20rem;
	cursor: pointer;

}
.page-play .control .control-btn.prev{
	left: 0;
	background-position: 0 0;
}
.page-play .control .control-btn.pause-play{
	left: 0.4rem;
	background-position: 0 42.86%;
}
.page-play .control .control-btn.next{
	left: 0.8rem;
	background-position: 0 14.29%;
}
.page-play .control .play-mode.control-btn{
	right: 0;
	background-position: 0 -1rem;
}
.play-right{

	width: 2rem;
	margin-left: 0.2rem;
	float: right;
	.music-pic{
		width: 100%;
		img{
			max-width: 100%;
			border-radius: 100%;
		}
	}
}